
.video-content {
    width: 100%;
    display: inline-block;
    background-color: #eee;
}

.videoList1 {
    display: block;
    width: 90%;
    height:20%;
    background-color: #3C89BD;
    margin:7% auto;
    font-size: 1.2em;
    line-height: 55px;
    color:#fff;
    text-align: center;
    border-radius: 5px;

}
.videoList2 {
    display: block;
    width: 90%;
    height:20%;
    background-color: #79C467;
    margin:8% auto;
    font-size: 1.2em;
    line-height: 55px;
    color:#fff;
    text-align: center;
    border-radius: 5px;
    margin-top: 8%;

}
@media screen and (max-width:400px ){
    .videoList1 {
        display: block;
        width: 90%;
        height:20%;
        background-color: #3C89BD;
        margin:7% auto;
        font-size: 1.0em;
        line-height:46px;
        color:#fff;
        text-align: center;
        border-radius: 5px;

    }
    .videoList2 {
        display: block;
        width: 90%;
        height:20%;
        background-color: #79C467;
        margin:8% auto;
        font-size: 1.0em;
        line-height:46px;
        color:#fff;
        text-align: center;
        border-radius: 5px;
        margin-top: 8%;

    }
}
@media screen and (min-width:768px ) {
    .videoList1 {
        display: block;
        width: 90%;
        height:20%;
        background-color: #3C89BD;
        margin:7% auto;
        font-size: 1.2em;
        line-height:70px;
        color:#fff;
        text-align: center;
        border-radius: 5px;

    }
    .videoList2 {
        display: block;
        width: 90%;
        height:20%;
        background-color: #79C467;
        margin:8% auto;
        font-size: 1.2em;
        line-height:70px;
        color:#fff;
        text-align: center;
        border-radius: 5px;
        margin-top: 8%;

    }
}





.noVideo {
    /*margin-top:64px;
    margin-left:20px;*/
    position:fixed;
    display: inline-block;
    width:100%;
    height:20px;
    font-size:20px;
    text-align:center;
    line-height:20px;
    left:0px;
    top:20%;
}
